﻿<div class="section clearfix">
    <div class="container">
       <h5>About Missionaries </h5>
        <div class="separator-2"></div>
        <div class="row grid-space-20">
            <div class="col-sm-3" ng-repeat="data in Article">
                <div class="image-box team-member">
                    <div class="overlay-container">
                        <img ng-src="http://admin.fgpc.in/Uploads/ArticleImage/{{data.ArticleImage}}" on-error-src="http://admin.fgpc.in/Images/_NoImge.png" alt="" >
                        <div class="overlay">
                            <ul class="social-links colored clearfix">
                                <li class="facebook"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-facebook"></i></a></li>
                                <li class="linkedin"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>
                                <li class="skype"><a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a></li>
                                <li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="image-box-body">
                        <small>{{data.ArticleName}}</small>
                        <div class="separator-2"></div>
                        <ul class="list-unstyled">
                            <li><a href="#MissionaryArticle/{{data.ArtitcleId}}" style="float:right;">Read Article <i class="fa fa-arrow"></i></a></li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="space"></div>
    </div>
</div>
